<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <head name="viewport" content="width=device-width, initial-scale=1.0">
        <title>行元素</title>
    </head>

<body>
    <!-- 行元素：若空间足够，行元素能与其他元素共处一行 -->
    <!-- span:用来处理小小特殊文字 -->
    <span>span1</span><span>span2</span>
    <p>ppp</p>

    <!-- 文本格式化元素 -->
    <!-- 
        b:纯纯就是加粗显示
        strong：表示强调的意思，只不过表现方式是加粗
        i:纯纯就是倾斜显示
        em:表示强调的意思，只不过表现方式是倾斜
     -->
    <p>Lorem, ipsum <b>dolor</b> sit <b>amet</b> consectetur <strong>adipisicing</strong> elit. Repellat maxime modi neque
        sapiente impedit illo, aliquam laboriosam sit sequi quam illum, eveniet, accusamus magnam sed reprehenderit?
        Quos sint voluptates soluta.</p>
    <p>Lorem, ipsum dolor sit <i>amet</i> consectetur <em>adipisicing</em> elit. Repellat maxime modi neque sapiente
        impedit illo, aliquam laboriosam sit sequi quam illum, eveniet, accusamus magnam sed reprehenderit? Quos sint
        voluptates soluta.</p>

    <!-- 图片（单闭合标签） -->
    <!-- 
         相对路径：
         要引用的资源和本文件是【同级】的：./
         要引用的资源和本文件是【子级】的：/
         要引用的资源和本文件是【父级】的：../
      -->
    <img src="./我的自画像3.jpg" alt="">
    <!-- 绝对路径 -->
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">

    <!-- 超链接 -->
    <a href="https://www.baidu.com">百度一下</a>
    <a href="https://www.baidu.com" target="_blank">百度一下</a>  <!-- 空白页 -->
    <a href="./2-块元素.html">块元素</a>
    
</body>

</img>